<!-- edu_11_3_1.html -->
	<!doctype html>
		<html lang="en">
		<head>
		<meta charset = "UTF-8">
		<title>3种按钮的应用 </title>
		
		</head>
		<body>
		<form align="center">
			
			<table cellspacing='0'>
				<tr>
					<td class="a1" colspan="3" id="b1">账户信息</td>
					
				</tr>
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>用户名</td>
					<td class="a2">&nbsp;&nbsp;&nbsp;&nbsp;<input id="d2" type="text" placeholder="唐婧妍"/></td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>6-30位字母，数字或"_",字母开头</p></td>
				</tr>
				<tr>
				    <td class="a1" style="text-align:right;"><span >* </span>登陆密码</td>
					<td class="a2"><input id="d2" type="password" size="6" maxlength="30"  placeholder="6-30位字母，数字或"_""/></td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>6-30位字母，数字或"_",字母开头</p></td>
				</tr>
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>确认密码</td>
					<td class="a2"><input id="d2" type="password" size="6" maxlength="30"  placeholder="再次输入你的登录密码"/></td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>6-30位字母，数字或"_",字母开头</p></td>
				</tr>
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>证件类型</td>
					<td class="a2">
						<select id="d2">
							<option value="">中国公民身份证</option>
							<option value="">222</option>
							<option value="">333</option>
							</select>
					</td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>证件有效截止日期：</p></td>
				</tr>
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>姓名</td>
					<td class="a2"><input id="d2" type="data"placeholder="唐婧妍"/></td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>姓名填写规则（用于身份验证，请正确填写）</p></td>
				</tr>
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>证件号码</td>
					<td class="a2"><input id="d2" type="data"placeholder="329782347865734657"/></td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>（用于身份核验，请正确填写）</p></td>
				</tr>
				<tr>
				    <td class="a1" style="text-align:right;"><span >* </span>优惠（待）类型</td>
					<td class="a2">
					<select id="d2">
							<option value="">成人</option>
							<option value="">儿童</option>
							<option value="">老人</option>
							</select></td>
					</td>
					<td class="a1"></td>
				</tr>
				
				<tr>
					<td class="a1" style="text-align:right;"><span >* </span>性别</td>
					<td class="a2"><input type="radio" name="sex"/>男<input type="radio"  name="sex"/>女</td>
					<td class="a1">&nbsp;&nbsp;&nbsp;&nbsp;<p>用于检验性别</p></td>
				</tr>
			
				<tr>
					<td class="a1"></td>
					<td class="a2"colspan="2"	><input type="checkbox"/>我已阅读并同意遵守<a href="https://kyfw.12306.cn/otn/regist/rule" title="baidu">《中国铁路客户服务中心网站服务条款》《隐私权条款》</a></td>
					
				</tr>
		
				<tr >
                   
					<td  class="a2"colspan="3" rowspan="2" height="500"><button style="backgrund-color:orange;" onclick="alert('注册成功')">下一步</button></td>
					
				</tr>
		
				
				
			</table>
			</form>
			<style>
				/*
				td{
					border:1px red solid;
					
					}
					*/
				.a1
				{
					width:260px;
					height:10px;
					}
					.a2
					{
						width:100px;
						height:10px;
					}
					
					#b1{
						background-color: aqua;
						font-size:14px;
						text-align:left;
					}
						
					#d2{
						width:170px;
					}
					span{
						color:red;
					}
						
					p{
						color:orange;
						text-align:left;
					}
						
				}
				
			</style>
					 </body>
					 </html>
			
			
	
	
	